<script lang="ts" setup>
import useStore from '@/store';
import { storeToRefs } from 'pinia';
const { comments } = useStore();
const { list } = storeToRefs(comments);
const props = defineProps<{
	idx: number,
}>();
</script>

<template>
	<div class="comment-bar-body">
		{{ list[idx].commentContent }}
	</div>
</template>

<style lang="scss" scoped>
@import "@/assets/scss";

.comment-bar-body {
	padding: 20px 0;
	padding-left: 40px;
}
</style>
